<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">   
    <title>月度统计</title>
    <link rel="stylesheet" href="../../Gonggong/icon/iconfont.css">
    <link rel="stylesheet" href="../../Gonggong/css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/tongji.css">
    <!-- <script src="./js/index.js"></script> -->
    <!-- <script src="../../Gonggong/js/utils.js"></script> -->
    <script>
        window.onload=function(){
        // utils.addHeader(0,'修改密码',``,'1');
        utils.addFooter(1);
             }
    </script>
</head>
<body>
    
<header>
    <a href="./rule.html"><i class="iconfont icon-xiangzuo"></i></a>
    <p>月度统计</p>
    <a href="./month.html"><span>打卡月历</span></a>
    
</header>

    <div class="head">
        <div class="left">
            <img src="../../Gonggong/img/Work/card/头像2.png" alt="">
            <p>
                <span class="f16">吴珊珊</span>
                <span style="color: #999999;">考勤组:销售一组</span>
            </p>
        </div>
        <div class="right">
            <a href="./month.html">
                <i class="iconfont icon-tongji"></i>
                <span>统计</span>
            </a>
            <a href="./rule.html">
                <i class="iconfont icon-04SFA_kaoqinguize"></i>
                <span>考勤规则</span>
            </a>
        </div>
    </div>
    <div class="main-1">
        <div class="main-2 f10">
            <span> < </span>
            <span>2020年1月</span>
            <span>></span>
        </div>
    </div>
    
    <div class="main-yuan">

        <button class="butt1">
            <img src="../../Gonggong/img/Work/card/u3971.png" alt="">
        <button class="butt2">
            <p>24天</p>
            <span >正常打卡</span>
        </button>
        </button>
        
        <img class="img2" src="../../Gonggong/img/Work/card/u3974.png" alt="">
        <img class="img3" src="../../Gonggong/img/Work/card/u3977.png" alt="">
        <span class="sp1 f10">正常打卡24天</span>
        <span class="sp2 f10">异常打卡6天</span>

    </div>

    <div class="main-foo">
        <li>
            <h5>应出勤天数</h5>
            <p>
                <span class="shu">30</span>
                <span>天</span>
            </p>
        </li>
        <li>
            <h5>实际出勤天数</h5>
            <p>
                <span class="shu">30</span>
                <span>天</span>
            </p>
        </li>
        <li>
            <h5>应出勤时长</h5>
            <p>
                <span class="shu">240</span>
                <span>h</span>
            </p>
        </li>
        <li>
            <h5>实际勤时长</h5>
            <p>
                <span class="shu">240</span>
                <span>h</span>
            </p>
        </li>
        <li>
            <h5>迟到次数</h5>
            <p>
                <span class="shu yan">3</span>
                <span>次</span>
            </p>
        </li>
        <li>
            <h5>早退次数</h5>
            <p>
                <span class="shu yan">3</span>
                <span>次</span>
            </p>
        </li>
        <li>
            <h5>缺勤天数</h5>
            <p>
                <span class="shu">0</span>
                <span>天</span>
            </p>
        </li>
    </div>


</body>
</html>